import { Button } from "~/components/ui/button";

export default function Buttons() {
  return (
    <div className="flex justify-center py-3">
      <div className="flex flex-col space-y-3">
        <button className="bg-sky-500 hover:bg-sky-700 p-2 px-6 rounded-full text-white">
          Save Changes
        </button>
        <button className="bg-violet-500 hover:bg-violet-600 
          focus:outline-none focus:ring focus:ring-violet-300
          p-2 px-6 rounded-full text-white
          shadow-lg shadow-violet-500/50"
          onClick={() => console.log("click")}
        >
          Save Changes
        </button>
        <Button onClick={() => console.log("click")}>Hi</Button>
      </div>
    </div>
  )
}